import React from 'react'
// 引入子组件
import Child from './components/Child'

const App = () => {
  let age = 100
  return (
    <div>
      <h3>父组件：{age}</h3>
      {/* 
        调用子组件
          +++ 注：自定义组件在jsx中调用，则一定要首字母大写
        父数据通过自定义属性的方式传入给子组件使用,自定义属性的数据它是通过props传入给子组件
        注：props它是单向数据流，子组件不能直接去修改父组件传入过来的数据
      */}
      <Child age={age} />
      <Child a="aa" b={1} c={true} d={[1]} e={{ id: 1 }} />
    </div>
  )
}

export default App
